﻿.lineModeStatus {
    display: block;
    background-color: rgb(192, 192, 192);
    line-height: 30px;
    text-align: center;
    width: 90%;
    height: 30px;
    border-radius: 5px;
}
.defualGreen {
    display: block;
    background-color: greenyellow;
    line-height: 30px;
    text-align: center;
    width: 90%;
    height: 30px;
    border-radius: 5px;
    color:white;
}
@keyframes toTrue{
    from{
        background-color:gray
    }
    to {
        background-color: greenyellow
    }
}
@keyframes toTrueRed {
    from {
        background-color: gray
    }

    to {
        background-color: red
    }
}
.myTrueActive {
    animation-name: toTrue;
    animation-duration: 0.4s;
    animation-timing-function: ease;
    animation-fill-mode: forwards
}
.myTrueActiveRed {
    animation-name: toTrueRed;
    animation-duration: 0.4s;
    animation-timing-function: ease;
    animation-fill-mode: forwards
}
/**
    圆形灯样式
*/
.myRoundLight {
    display: inline-block;
    background-color: rgb(192, 192, 192);
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
/**
    span样式
*/
.myspan{
    display:inline-block;
    height:38px;
    line-height:38px;
    font-size:18px;
}
/**
    连接状态灯
*/
.mycomLight {
    display: inline-block;
    background-color: rgb(192, 192, 192);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-top: 4px;
}
